* {
  padding: 0px;
  margin: 0px;
}

.body {
  width: 100%;
}

.body .content {
  width: 100%;
  height: 40px;
  background-color: #333;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.body .content header {
  display: flex;
  width: 1226px;
  margin: 0 auto;
  justify-content: space-between;
}

.body .content header nav {
  width: 800px;
}

.body .content header nav ul {
  display: flex;
  justify-content: space-between;
}

.body .content header nav ul li {
  list-style: none;
}

.body .content header nav ul li a {
  text-decoration: none;
  color: #b0b0b0;
  font-size: 12px;
  line-height: 40px;
}

.body .content header nav ul li a:hover {
  color: white;
}

.body .content header nav ul li span {
  opacity: 0.1;
  color: #b0b0b0;
  line-height: 40px;
}

.body .content header .fu {
  flex-grow: 8;
}

.body .content header .login {
  display: flex;
  justify-content: space-between;
  width: 145px;
}

.body .content header .login span {
  opacity: 0.1;
  color: #b0b0b0;
  line-height: 40px;
}

.body .content header .login a {
  text-decoration: none;
  color: #b0b0b0;
  font-size: 12px;
  line-height: 40px;
}

.body .content header .login a:hover {
  color: white;
}

.body .content header .fu1 {
  flex-grow: 1;
}

.body .content header .shopping {
  background-color: rgba(255, 255, 255, 0.15);
  width: 120px;
}

.body .content header .shopping a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #b0b0b0;
  font-size: 12px;
  line-height: 40px;
}

.body .content header .shopping a:hover {
  color: white;
}

.body .content header .shopping a img {
  margin-right: 5px;
  line-height: 40px;
  width: 20px;
  height: 20px;
}

.body .content .container1 {
  width: 1226px;
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.body .content .container1 .logo1 a {
  text-decoration: none;
}

.body .content .container1 .logo1 a img {
  height: 56px;
  width: 56px;
}

.body .content .container1 nav {
  position: relative;
}

.body .content .container1 nav ul {
  width: 800px;
  display: flex;
  justify-content: space-between;
}

.body .content .container1 nav ul .firstli {
  width: 143px;
}

.body .content .container1 nav ul li {
  list-style: none;
}

.body .content .container1 nav ul li .list {
  z-index: 1;
  background-color: rgba(161, 161, 161, 0.5);
  position: absolute;
  top: 70px;
  left: -71px;
  width: 234px;
  height: 460px;
}

.body .content .container1 nav ul li .list ul {
  width: 234px;
  margin: 20px 0px;
  display: block;
}

.body .content .container1 nav ul li .list ul li {
  height: 42px;
  list-style: none;
}
.body .content .container1 nav ul li .list ul li .fafafalid{
  position: absolute;
  left: 180px;
  top: 34px;
  
}

.body .content .container1 nav ul li .list ul li .fafafalid1{
  position: absolute;
  left: 180px;
  top: 76px;
}

.body .content .container1 nav ul li .list ul li .fafafalid2{
  position: absolute;
  left: 180px;
  top: 118px;
}

.body .content .container1 nav ul li .list ul li .fafafalid3{
  position: absolute;
  left: 180px;
  top: 160px;
}

.body .content .container1 nav ul li .list ul li .fafafalid4{
  position: absolute;
  left: 180px;
  top:202px;
}

.body .content .container1 nav ul li .list ul li .fafafalid5{
  position: absolute;
  left: 180px;
  top: 244px;
}

.body .content .container1 nav ul li .list ul li .fafafalid6{
  position: absolute;
  left: 180px;
  top: 286px;
}

.body .content .container1 nav ul li .list ul li .fafafalid7{
  position: absolute;
  left: 180px;
  top: 328px;
}

.body .content .container1 nav ul li .list ul li .fafafalid8{
  position: absolute;
  left: 180px;
  top: 370px;
}

.body .content .container1 nav ul li .list ul li .fafafalid9{
  position: absolute;
  left: 180px;
  top: 412px;
}


.body .content .container1 nav ul li .list ul li:hover {
  background-color: rgba(219, 86, 8, 0.975);
}

/* .body .content .container1 nav ul li .list ul li::after {
  content: '';
  width: 0px;
  display: block;
  border: 10px solid transparent;
  border-left: 10px solid  #fff;
  margin-left: 180px;
  margin-top: -32px;
} */

.body .content .container1 nav ul li .list ul li a {
  color: #fff;
  padding: 34px;
  width: 234px;
  height: 42px;
  line-height: 42px;
  
}

.body .content .container1 nav ul li a {
  text-decoration: none;
  color: #333;
  font-size: 16px;
}

.body .content .container1 .input {
  display: flex;
  margin-left: 50px;
  height: 50px;
}

.body .content .container1 .input input {
  box-sizing: border-box;
  border: 1px solid #d4d4d4;
  outline: none;
  padding: 0 10px;
  width: 240px;
  height: 100%;
}

.body .content .container1 .input button {
  background-color: white;
  border: 1px solid #d4d4d4;
  border-left: transparent;
  box-sizing: border-box;
  width: 50px;
  height: 100%;
}

.body .content .main {
  width: 1226px;
  height: 460px;
}

.body .content .main #carouselExampleIndicators .carousel-control-prev {
  margin: auto 240px;
  height: 30px;
  width: 30px;
}
